<style lang="scss" scoped></style>
<template>
  <van-dropdown-menu ref="menuRef">
    <van-dropdown-item title="排序">
      <van-tree-select
        v-model:active-id="activeId"
        v-model:main-active-index="activeIndex"
        :items="items"
      />
    </van-dropdown-item>

    <van-dropdown-item
      title="销量"
      ref="itemRef"
      class="menu2"
      v-model="value1"
    >
      <van-tree-select
        v-model:active-id="activeId"
        v-model:main-active-index="activeIndex"
        :items="items"
      />
    </van-dropdown-item>

    <van-empty description="暂无搜索结果" />
  </van-dropdown-menu>
</template>
<script setup lang="ts">
import { onMounted, ref } from 'vue'
import axios from 'axios'

import type { bookStata, doctorState, socoState } from '@/interface'
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const route = useRoute()
const activeId = ref(1)
const activeIndex = ref(0)
const items = [
  {
    text: '浙江',
    children: [
      { text: '杭州', id: 1 },
      { text: '温州', id: 2 },
      { text: '宁波', id: 3, disabled: true },
    ],
  },
  {
    text: '江苏',
    children: [
      { text: '南京', id: 4 },
      { text: '无锡', id: 5 },
      { text: '徐州', id: 6 },
    ],
  },
  { text: '福建' },
]
const value1 = ref(0)
const value2 = ref('a')
</script>
